<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>

            body {
                padding: 0;
                margin: 0;

            }
            ::-webkit-scrollbar {
                width: 10px;
                height: 16px;
                background-color: #F5F5F5;
                background-clip: padding-box;
            }
            ::-webkit-scrollbar:hover {
                width: 17px;
            }
            /*定义滚动条轨道 内阴影+圆角*/
            ::-webkit-scrollbar-track {
                background-color: rgb(32, 32, 32);
            }

            /*定义滑块 内阴影+圆角*/
            ::-webkit-scrollbar-thumb {
                background-color: rgb(235, 23, 23);
            }
            ::-webkit-scrollbar-thumb:hover {
                width: 17px;
            }
        </style>

    </head>
    <body>
        <div style="font-size: 0;">
            <img src="./Snipaste_2021-05-27_14-04-49.png" alt="" style="height: 300vh;">
        </div>
    </body>
</html>
